<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
	prefix="tiles"%>

<rich:panel header="#{messages['assign.prospect.agreement']}">
	<h:panelGrid>
		<h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
	</h:panelGrid>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['membership.info']}" styleClass="sub_header" />
	</h:panelGrid>

	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">

		<h:panelGroup>
			<h:outputLabel for="salutation" value="#{messages['salutation']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="salutation" 
				styleClass="standardText"
				value=""></t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			
			<h:outputLabel for="name" value="#{messages['name']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="name" 
				styleClass="standardText"
				value=""></t:outputText>
		</h:panelGroup>
		
		<h:panelGroup>
			
			<h:outputLabel for="nameoncard" value="#{messages['name.on.card']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="nameoncard"  styleClass="standardText" value=""></t:outputText>
		</h:panelGroup>
		
	
		<h:panelGroup>
			<h:outputLabel for="sendstatement" value="#{messages['send.statement']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="sendstatement" 
				styleClass="standardText"
				value=""></t:outputText>
		</h:panelGroup>
		
	   <h:panelGroup>
	   		
	    <h:outputLabel for="email" value="#{messages['email']}" styleClass="standardText_Label" />
	   </h:panelGroup>
	   <h:panelGroup>
	   	<t:outputText id="email"  styleClass="standardText" value="">
	   	</t:outputText>
	   </h:panelGroup>


		<h:panelGroup>
			<h:outputLabel for="image" value="#{messages['image']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:graphicImage id="image"></t:graphicImage>
		</h:panelGroup>
		
	</t:panelGrid>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['personal.info']}"
			styleClass="sub_header" />
	</h:panelGrid>

	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">

		<h:panelGroup>
			<h:outputLabel for="dateofbirth"
				value="#{messages['date.of.birth']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="dateofbirth"  styleClass="standardText" value="">
	   	</t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			<h:outputLabel for="icpassportno"
				value="#{messages['ic.passport.no']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="icpassportno" value="">
			</t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			<h:outputLabel for="sex" value="#{messages['sex']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="sex" value="">
			</t:outputText>
		</h:panelGroup>


		<h:panelGroup>
			<h:outputLabel for="maritalstatus"
				value="#{messages['marital.status']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="maritalstatus" value="">
			</t:outputText>
		</h:panelGroup>
		
		<h:panelGroup>
			<h:outputLabel for="spousename"
				value="#{messages['spouse.name']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="spousename" styleClass="standardText" value="">
			</t:outputText>
		</h:panelGroup>
		
		<h:panelGroup>
			
			<h:outputLabel for="spouseicno"
				value="#{messages['spouse.ic.no']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="spouseicno" styleClass="standardText" value="">
			</t:outputText>
		</h:panelGroup>


		<h:outputLabel for="noOfChild" value="#{messages['no.of.children']}"
			styleClass="standardText_Label" />
		<h:panelGroup>
			<t:outputText id="noOfChild" styleClass="standardText" value="">
			</t:outputText>
		</h:panelGroup>

		<h:panelGroup>
			<h:outputLabel for="race" value="#{messages['race']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="race" value="">
			</t:outputText>
		</h:panelGroup>


		<h:panelGroup>
			<h:outputLabel for="nationality" value="#{messages['nationality']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:outputText id="nationality" value=""></t:outputText>
		</h:panelGroup>
	</t:panelGrid>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['resident.info']}"
			styleClass="sub_header" />
	</h:panelGrid>

	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
	
		<h:panelGroup>
			<h:outputLabel for="Address1"
				value="#{messages['address']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		
		<t:outputText id="Address1" styleClass="standardText" value=""></t:outputText>
		<h:panelGroup></h:panelGroup>
		
		<h:panelGroup>
			<t:outputText id="Address2" styleClass="standardText" value=""></t:outputText>
		</h:panelGroup>
		
		<h:panelGroup>
			
			<h:outputLabel for="Postcode"
				value="#{messages['postcode']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="Postcode" 
			styleClass="standardText"
			value="">
		</t:outputText>
		

		<h:panelGroup>
		<h:outputLabel for="City" value="#{messages['city']}"
			styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="City" 
			styleClass="standardText" value=""></t:outputText>
		
		<h:panelGroup>
			
			<h:outputLabel for="Country"
				value="#{messages['country']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="Country" value="">
			</t:outputText>
		

		<h:panelGroup>
			
			<h:outputLabel for="state" value="#{messages['state']}"
				styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="state" value="">
			</t:outputText>
		

		<h:outputLabel for="Telephone" value="#{messages['telephone']}"
			styleClass="standardText_Label" />
		<t:outputText id="Telephone" styleClass="standardText" value="">
		</t:outputText>
		
		
		<h:outputLabel for="Handphone" value="#{messages['handphone']}"
			styleClass="standardText_Label" />
		<t:outputText id="Handphone" 
			 styleClass="standardText"
			value="">
		</t:outputText>
	</t:panelGrid>
	
	<h:panelGrid width="100%">
		<h:outputText value="#{messages['company.info']}"
			styleClass="sub_header" />
	</h:panelGrid>
	
	<t:panelGrid id="compInfo" columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		
		<h:panelGroup>
			<h:outputLabel for="CompanyName" value="#{messages['company.name']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="CompanyName"    styleClass="standardText" value=""></t:outputText>
   

	    <h:panelGroup>
		    <h:outputLabel for="Designation" value="#{messages['designation']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="Designation"   styleClass="standardText" value=""></t:outputText>
	    </h:panelGroup>
	    
	    <h:panelGroup>
		    <h:outputLabel for="GrossAnnualIncome" value="#{messages['gross.annual.income']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="GrossAnnualIncome"    styleClass="standardText" value=""></t:outputText>
	    </h:panelGroup>
	    
		<h:panelGroup>
	    	<h:outputLabel for="CompanyAdress1" value="#{messages['address']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<t:outputText id="CompanyAdress1"    styleClass="standardText" value=""></t:outputText>
	    
	    <h:panelGroup></h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="CompanyAdress2"   styleClass="standardText" value=""></t:outputText>
	    </h:panelGroup>
	    
	    
	    <h:panelGroup>
	    	<h:outputLabel for="CompanyPostcode" value="#{messages['postcode']}" styleClass="standardText_Label" />
	    </h:panelGroup>
    	<t:outputText id="CompanyPostcode"    styleClass="standardText" value="">
    	</t:outputText>
    	
	    
	    <h:panelGroup>
	    	<h:outputLabel for="CompanyCity" value="#{messages['city']}" styleClass="standardText_Label" />
	    </h:panelGroup>
        <t:outputText id="CompanyCity"    styleClass="standardText" value=""></t:outputText>
	    
	    <h:panelGroup>
			 
	    <h:outputLabel for="CompanyCountry" value="#{messages['country']}" styleClass="standardText_Label" />
	    </h:panelGroup>
    	 <t:outputText id="CompanyCountry"    styleClass="standardText" value=""></t:outputText>
    	
	    <h:panelGroup>
	   		<h:outputLabel for="CompanyState" value="#{messages['state']}" styleClass="standardText_Label" />
	    </h:panelGroup>
    	 <t:outputText id="CompanyState"    styleClass="standardText" value=""></t:outputText>
    	
    	
	    <h:outputLabel for="TelephoneNoOffice" value="#{messages['telephone.no']}" styleClass="standardText_Label" />
    	<t:outputText id="TelephoneNoOffice"   styleClass="standardText" value="">
    	</t:outputText>
	    
	    
	    <h:outputLabel for="FaxNoOffice" value="#{messages['fax.no']}" styleClass="standardText_Label" />
    	<t:outputText id="FaxNoOffice"   styleClass="standardText" value="">
    	</t:outputText>
	</t:panelGrid>
	
	<h:panelGrid width="100%">
		<h:outputText value="#{messages['mailing.info']}" styleClass="sub_header" />
	</h:panelGrid>
	
	<t:panelGrid id="mailInfo" columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
	
		
		<h:panelGroup>
			<h:outputLabel for="MailAddress1" value="#{messages['address']}" styleClass="standardText_Label" />
		</h:panelGroup>
		
	    <t:outputText id="MailAddress1"     styleClass="standardText" value=""></t:outputText>
	     
	    <h:panelGroup></h:panelGroup>
	    <h:panelGroup>
	    	<t:outputText id="MailAddress2"    styleClass="standardText" value=""></t:outputText>
	    </h:panelGroup>
	    
	    
	    <h:panelGroup>
			<h:outputLabel for="MailPostcode" value="#{messages['postcode']}" styleClass="standardText_Label" />
		</h:panelGroup>
	    <t:outputText id="MailPostcode"     styleClass="standardText" value="">
	    </t:outputText>
	    
	    
	    <h:panelGroup>
			 <h:outputLabel for="MailCity" value="#{messages['city']}" styleClass="standardText_Label" />
		</h:panelGroup>	
		<t:outputText  id="MailCity"  styleClass="standardText" value=""></t:outputText>
	
	    	
	     <h:panelGroup>
			 
			 <h:outputLabel for="MailCountry" value="#{messages['country']}" styleClass="standardText_Label" />
		</h:panelGroup>
    	<t:outputText  id="MailCountry"  styleClass="standardText" value=""></t:outputText>
	    
	    <h:panelGroup>
			 
			 <h:outputLabel for="MailState" value="#{messages['state']}" styleClass="standardText_Label" />
		</h:panelGroup>
    	<t:outputText  id="MailState"  styleClass="standardText" value=""></t:outputText>
	    
	  
	</t:panelGrid>
	
	<h:panelGrid width="100%">
		<h:outputText value="#{messages['dependant.info']}"
			styleClass="sub_header" />
	</h:panelGrid>
	
	<t:dataTable var="dependant" value="#{demoBean.valueList}" rows="20" width="50%">
		<t:column width="80%">
			<h:commandLink value="#{dependant.label}" styleClass="standardText_Label"></h:commandLink>
		</t:column>
		<t:column width="20%">
			<h:commandLink value="#{messages['remove']}" styleClass="standardText_Label" immediate="true" 
			actionListener="#{registrationBean.removeDependantListener}" ></h:commandLink>
			<f:param id="dependantId" value="#{dependant.newIcNo}"/>
		</t:column>
	</t:dataTable>
	<rich:spacer height="15"></rich:spacer>

	<h:panelGrid width="100%">
		<h:outputText value="#{messages['agreement.info']}"
			styleClass="sub_header" />
		<h:panelGroup>
				<h:outputText value="*" styleClass="standardText_Mandatory" />
				<h:outputText value="#{messages['instruction']}" styleClass="standardText_Instruction" />
		</h:panelGroup>
	</h:panelGrid>
	
	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
	
		<h:outputText></h:outputText>
		<t:message for="AgreementDate" styleClass="error"></t:message>
		
	    <h:panelGroup>
	    		<h:outputText value="*" styleClass="standardText_Mandatory" />
			 <h:outputLabel for="AgreementDate" value="#{messages['agreement.date']}" styleClass="standardText_Label" />
		</h:panelGroup>
	   	 <t:inputCalendar
	    	id="AgreementDate"
				monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" 
				currentDayCellClass="currentDayCell" value=""
				renderAsPopup="true" popupTodayString="#{messages['popup.today']}"
				popupWeekString="#{messages['popup.week']}" popupDateFormat="dd/MM/yyyy"
				renderPopupButtonAsImage="true"
				styleClass="standardText" required="false">
	    	</t:inputCalendar>
	    	
  			<h:outputText></h:outputText>
			<t:message for="agreementNo" styleClass="error"></t:message>

			<h:panelGroup>
				<h:outputText value="*" styleClass="standardText_Mandatory" />
				<h:outputLabel for="agreementNo" value="#{messages['agreement.no']}" styleClass="standardText_Label" />
			</h:panelGroup>
			<h:panelGroup>
				<t:inputText id="agreementNo" required="true" size="50" maxlength="50" styleClass="standardText" value=""></t:inputText>
			</h:panelGroup>
		
	</t:panelGrid>	<%----%>
	
	<rich:spacer height="30"></rich:spacer>
	
	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		<t:outputText></t:outputText>
		<t:panelGroup>
		 	<h:commandButton value="#{messages['assign']}" styleClass="button" action="home" immediate="true"></h:commandButton>
		 	<f:verbatim>&nbsp;</f:verbatim>
   			<h:commandButton value="#{messages['cancel']}" styleClass="button" action=""></h:commandButton>
   		</t:panelGroup>
	</t:panelGrid>
</rich:panel>

